﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucBannerSlide.ascx.cs"
    Inherits="UserControl_Slide_ucBannerSlide" %>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<link href="Css/nivo-slider.css" rel="stylesheet" type="text/css" />

<script src="Scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <style type="text/css">
    
  #sliderN 
  {
     
    position:relative;
    width:449px; /* Change this to your images width */
    height:154px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#sliderN img 
{
    z-index:-1;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#sliderN a 
{
    z-index:-1;
    border:0;
    display:block;
}
    </style>
    <script type="text/javascript">
        $(window).load(function () {
            $('#sliderN').nivoSlider();
        });
</script>
  <script type="text/javascript">
      $(window).load(function () {
          $('#sliderN').nivoSlider({
              effect: 'random', //Specify sets like: 'fold,fade,sliceDown'
              slices: 15,
              animSpeed: 500, //Slide transition speed
              pauseTime: 3000,
              startSlide: 0, //Set starting Slide (0 index)
              directionNav: true, //Next & Prev
              directionNavHide: true, //Only show on hover
              controlNav: true, //1,2,3...
              controlNavThumbs: false, //Use thumbnails for Control Nav
              controlNavThumbsFromRel: false, //Use image rel for thumbs
              controlNavThumbsSearch: '.jpg', //Replace this with...
              controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
              keyboardNav: true, //Use left & right arrows
              pauseOnHover: true, //Stop animation while hovering
              manualAdvance: false, //Force manual transitions
              captionOpacity: 0.8, //Universal caption opacity
              beforeChange: function () { },
              afterChange: function () { },
              slideshowEnd: function () { }, //Triggers after all slides have been shown
              lastSlide: function () { }, //Triggers when last slide is shown
              afterLoad: function () { } //Triggers when slider has loaded

          });
      });
</script>
   <asp:Label ID="lblHotTours" runat="server"></asp:Label>


